
#szPane
  #szPaneContent
    #szPaneHeader(style="width:100%;height:30px;background-color:#232B2B;color:#F2F3F4;")
      #szPaneLogo(style="float:left;background-color:#F2F3F4")
        img(src='http://127.0.0.1:3000/images/inverse_logo2.png' style="width:30px;height:30px")
      #szPaneTitle(style="float:left;padding-left:10px;width:")        
        p(style="font-size:14px;line-height:30px") ShareZ
      a#szClosePaneAction.sz_pane_header_action(href="#")
        img(src='http://127.0.0.1:3000/images/close_header_action.png' style="width:30px;height:30px")
      a#szSearchPanelAction.sz_pane_header_action(href="#")
        img(src='http://127.0.0.1:3000/images/search_header_action.png' style="width:30px;height:30px")
      a#szNewPaneAction.sz_pane_header_action(href="#")
        img(src='http://127.0.0.1:3000/images/new_header_action.png' style="width:30px;height:30px")

    #szSearchPanel(style="display:none")
      input.sz_pane_filter_input

    #szMarkPanel(style="margin:auto;height:20px;line-height:20px;padding:10px")
      img(src='http://127.0.0.1:3000/images/mark.png' style="width:20px;height:20px;vertical-align:middle")
      a#szFlagLocationAction(href="#" style="vertical-align:middle;margin-left:5px") Mark this location

    //- new note panel
    #szNewNotePanel.sz_pane_container
      textarea#szNewNoteTextArea(placeholder="Add note")    
      .sz_pane_footer
        a#szNewNoteActionDone(href="#" style="float:right") Done
        a#szNewNoteActionCancel(href="#" style="float:right") Cancel

    //- new conversation panel
    #szNewCnvPanel.sz_pane_container
      #szNewCnvParticipants
      input#szNewCnvParticipantsInput(placeholder="Add participants")
      input#szNewCnvTitleInput(placeholder="Add title")
      textarea#szNewCnvTextArea(placeholder="Add text")
      .sz_pane_footer
        a#szNewCnvActionDone(href="#" style="float:right") Done
        a#szNewCnvActionCancel(href="#" style="float:right") Cancel

    //- active conversation panel
    #szPanelActiveConversation.sz_pane_container
      .sz_pane_header
        a#szsz_hide_active_cnv_panelPaneAction.sz_pane_header_action(href="#" style="float:right") x
        a#szAddNoteActiveConversationPaneAction.sz_pane_header_action(href="#" style="float:right;margin-right:5px") +
      #szActiveConversationTitle
      #szActiveConversationParticipants
        #szAddParticipantAction.sz_active_conversation_participant
        textarea#szNewParticipantsBox
      #szActiveConversationNote
        textarea#szNewNoteTextArea(placeholder="Add new note")    
        #szActiveConversationNoteActions(style="height:20px")
          a(href="#" style="float:right;font-size:10px") Done
      #szActiveConversationNotes

    #szPanelConversations.sz_pane_container(style="height:100%;overflow-y:auto")
      #szPanelConversationsEmpty No conversations yet! Start new one


      

